<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>table模块快速使用</title>
    <link href="../../layui/css/layui.css" media="all" rel="stylesheet">
</head>
<body>

<table id="demo" lay-filter="test"></table>

<script src="../../layui/layui.js"></script>
<script>
    layui.use('table', function () {
        var table = layui.table;
        //第一个实例
        table.render({
            elem: '#demo'
            , height: 312
            , url: '../../user.json' //数据接口
            , cols: [[ //表头
                {field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left'}
                , {field: 'userName', title: '用2名', width: 80}
                , {field: 'note', title: '备注', width: 80, sort: true}
            ]]
            , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
                return {
                    "code": 200, //解析接口状态
                    "msg": '', //解析提示文本
                    "count": 8, //解析数据长度
                    "data": res //解析数据列表
                };
            }
        });
    });
</script>
</body>
</html>